<!DOCTYPE HTML>
<html>
	<head>
		<title>主页</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		
		<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="col-xs-2 col-sm-2">
					<!-- 用户信息 -->
					<div class="row">
						<div class="col-sm-4">
							<img src="img/fav.png" class="img-responsive img-circle" />
						</div>
						<div class="col-sm-8">
							<p>用户明</p>
							<p>用户介绍</p>
						</div>
					</div>
					<!-- 功能图标 -->
					<div class="row">
						<div class="col-sm-12 list-group">
							<a href="#" class="list-group-item"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> 主页</a>
							<a href="#" class="list-group-item"><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span> 主播大厅</a>
							<a href="#" class="list-group-item"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> 聊天室</a>
							<a href="#" class="list-group-item"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> 聊天室</a>
						</div>						
					</div>
				</div>
				<!-- 显示区 -->
				<div class="col-xs-10 col-sm-10">
					<h1>测试</h1>
				</div>
			</div>
			<!-- 侧栏 -->
		</div>

		<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</body>
</html>